<template>
   <el-container style="height: 100%">
      <el-aside width="auto">
         <aside-components></aside-components>
      </el-aside>
      <el-container>
         <el-header>
            <header-components></header-components>
         </el-header>
         <el-main>
            <router-view />
         </el-main>
      </el-container>
   </el-container>
</template>

<script>
   import HeaderComponents from "../../components/HeaderComponents";
   import AsideComponents from "../../components/AsideComponents";

   export default {
      components: {
         HeaderComponents,
         AsideComponents
      },
      data() {
         return {}
      }
   }

</script>

<style lang="scss" scoped>
   header, main {
      padding: 0;
   }

   section {
      height: 100%;
   }

   ::-webkit-scrollbar{
      display:none;
   }

   html{
      /*隐藏滚动条，当IE下溢出，仍然可以滚动*/
      -ms-overflow-style:none;
      /*火狐下隐藏滚动条*/
      overflow:-moz-scrollbars-none;
   }
</style>